<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS id选择器</title>
<style type="text/css">
#one{
	color:red; 
	font-weight:bold; 
	background-color:gray;		/*红色，粗体，背景颜色灰色*/
}
#two{
	font-size:24px;
	text-decoration:underline;		/*字体大小24px,下划线*/
}
div#three{
	border:5px dotted red;
	background-color:green;		/*边框，粗体5px,虚线，红色，背景颜色绿色*/
}
</style>
</head>

<body>
	<p>正文内容1</p>
	<p id="one">正文内容2</p>
    <p id="two">正文内容3</p>
    <p id="one two">正文内容4</p>		<!--CSS中属于id类选择器时，功能不可以叠加，所以只能指定单个规则-->
	<p id="three">正文内容5</p>
    <div id="three">正文内容6</div>
</body>
</html>
